/*引入混合函数*/
/*声明混合函数*/
/*设置元素的宽度等于当前页面的宽度*/
/*设置文字垂直居中 */
/*设置图片为块级元素，并且宽度为100%*/
/*给图片占位置用的函数*/
/*引入全局变量*/
/*用于放全局变量*/
#register {
  width: 100%;
}
#register input {
  outline: none;
}
#register input::placeholder {
  color: #cccccc;
}
#register .top-nav {
  display: flex;
  font-size: 0.16rem;
}
#register .top-nav .top-nav1 {
  width: 33.333%;
}
#register .top-nav .top-nav1 i {
  display: block;
  margin: 0.1rem 0rem 0rem 0.15rem;
  height: 0.175rem;
  width: 0.175rem;
  background: url(../images/icon/sprites.png) no-repeat -0.22rem -0.15rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#register .top-nav p {
  padding: 0.1rem 0rem;
  display: block;
  width: 33.333%;
  text-align: center;
  color: #000000;
}
#register .top-nav .top-nav3 {
  padding: 0.1rem 0rem;
  width: 33.333%;
  text-align: right;
  padding-right: 0.15rem;
}
#register .register-details {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
  font-size: 0.14rem;
}
#register .register-details .regin {
  width: 87.2%;
  margin: 0.15rem auto;
  border-bottom: 1px solid #cccccc;
  padding: 0.15rem 0rem 0.115rem 0rem;
  display: flex;
}
#register .register-details .regin label {
  width: 20%;
  color: #666666;
}
#register .register-details .regin input {
  width: 80%;
  padding-left: 0.2rem;
  border: none;
  color: #666666;
}
#register .register-details .register-sj {
  width: 87.2%;
  margin: 0.15rem auto;
  border-bottom: 1px solid #cccccc;
  padding: 0.15rem 0rem 0.115rem 0rem;
  display: flex;
}
#register .register-details .register-sj label {
  width: 20%;
  display: block;
  color: #666666;
}
#register .register-details .register-sj span {
  width: 20%;
  display: block;
  color: #666666;
  position: relative;
}
#register .register-details .register-sj span a {
  position: absolute;
  top: 0.035rem;
  right: 0.05rem;
  display: block;
  width: 0.13rem;
  height: 0.13rem;
  background: url(../images/icon/sprites.png) no-repeat -1.14rem -0.18rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#register .register-details .register-sj input {
  width: 60%;
  border: none;
  padding-left: 0.2rem;
}
#register .register-details .register-code {
  position: relative;
  width: 87.2%;
  margin: 0.15rem auto;
  border-bottom: 1px solid #cccccc;
  padding: 0.15rem 0rem 0.115rem 0rem;
  display: flex;
}
#register .register-details .register-code label {
  width: 20%;
  display: block;
  color: #666666;
  padding: 0.05rem 0rem ;
}
#register .register-details .register-code input {
  width: 55%;
  border: none;
  padding-left: 0.2rem;
}
#register .register-details .register-code .box {
  width: 25%;
}
#register .register-details .register-code .box .btn {
  width: 100%;
  border: none;
  background-color: #cccccc;
  color: #ffffff;
  padding: 0.05rem 0rem ;
  border-radius: 0.05rem;
  display: none;
  text-align: center;
}
#register .register-details .register-code .box .btn.time {
  display: block;
}
#register .register-details .register-password {
  width: 87.2%;
  margin: 0.15rem auto;
  border-bottom: 1px solid #cccccc;
  padding: 0.15rem 0rem 0.115rem 0rem;
  display: flex;
}
#register .register-details .register-password label {
  width: 20%;
  display: block;
  color: #666666;
}
#register .register-details .register-password span {
  width: 20%;
  display: block;
  color: #666666;
  position: relative;
}
#register .register-details .register-password span a {
  position: absolute;
  top: 0.035rem;
  right: 0.05rem;
  display: block;
  width: 0.18rem;
  height: 0.13rem;
  background: url(../images/icon/sprites.png) no-repeat -1.4rem -0.18rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#register .register-details .register-password span a.remove {
  right: 0.3rem;
  background: url(../images/icon/sprites.png) no-repeat -1.14rem -0.18rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#register .register-details .register-password input {
  width: 60%;
  border: none;
  font-size: 0.14rem;
  padding-left: 0.2rem;
}
#register .register-details .register-bar {
  width: 87.2%;
  margin: 0.64rem auto;
}
#register .register-details .register-bar .btn {
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  padding: 0.13rem 0rem;
  border: none;
  color: #fbffff;
  background-color: #f7c612;
  border-radius: 0.05rem;
}
#register .register-details .register-bar-btn {
  width: 87.2%;
  margin: 0.315rem auto;
  position: relative;
  display: flex;
}
